<meta charset = "utf-8">
<style>

   div{
            width:100px;
            height:100px;
            background: blue;
            text-align: center;
            line-height:100px;
            float:left;
            margin:10px;
            font-size:24px;
            color:yellow;
            transition:all .6s;
            border-radius:50%;
        }
    div:hover{
            background:red;
            color:pink;
            font-size:30px;
            border-radius:0px;
        }

</style>
<script>
var ar = ["京",
            "津",
            "冀",
            "晋",
            "内蒙古",
            "辽",
            "吉",
            "黑",
            "沪",
            "苏",
            "浙",
            "皖",
            "闽",
            "赣",
            "鲁",
            "豫",
            "鄂",
            "湘",
            "粤",
            "桂",
            "琼",
            "川",
            "贵",
            "云",
            "渝",
            "藏",
            "陕",
            "甘",
            "青",
            "宁",
            "港",
            "澳",
            "台湾",
             "新"
             ];


	for(var i=0;i<ar.length;i++){
	document.write("<div>"+ar[i]+"</div>");
}
</script>
